@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#646464;}
ul{ padding:0px; margin:0px;}
table { width:100%!important;max-width:100%!important;} 
table td{table-layout:fixed; word-break: break-all; overflow:hidden; } 
p{ margin:0px; padding:0px;}

body{ margin:0 auto;padding:0px;width:100%;font-family:microsoft yahei;font-size:15px!important;color:#646464; }


.header{  height:110px; margin:0 auto; width:100%; position:fixed; z-index:1111;box-shadow: 0 1px 10px ; background-color:rgba(255,255,255,1);}
.b{ background:url(../images/index_03.jpg) no-repeat center; height:3715px; margin:0 auto; width:100%}
.head_a{ width:1300px; margin:0 auto}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
.menu{ width:63%; margin-top:28px; }
.logo{ margin-top:15px;}
.logo h2{ color:#000; padding:0px; margin:0px; font-size:26px; margin-top:10px; margin-left:10px; margin-bottom:5px;}
.logo h3{ color:#333; padding:0px; margin:0px; font-size:15px;margin-left:10px; font-family:Arial, Helvetica, sans-serif; font-weight:normal}

.nav_bgc{  margin:0 auto;  height:60px; }
.nav{ width:100%; margin:0 auto}
.nav li {float: left;display: inline-block;list-style: none;font-size: 17px;text-align: center;position: relative;}

.nav li a {
display: block;text-align: center;position: relative;color: #000;height: 60px;line-height: 60px; padding-left:14px; padding-right:14px;}
.nav li.hover a, .nav li:hover a {color: #006ece;}
.nav li .subnav {background: #fff;border-top: 2px solid #006ece;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 100%; width: 100%;z-index: 99999999;}
.nav li .subnav {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav li:hover .subnav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0); }
.nav li .subnav a {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #fff;display: block;font-size: 15px;font-weight: 500;
line-height: 35px;height: 35px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%;background: #006ece;}
.nav li .subnav a:hover {color: #fff;text-indent:4px; background:#075eab}
.sou img{ padding-top:8px; padding-left:10px;}
.sou{ border:1px solid #d8d8d8; background:#fff; width:42px; height:42px; border-radius:50%;}
.ying{ background:#006ece; border-radius:50%; width:42px; height:42px; line-height:42px; text-align:center; margin-left:10px;}
.ying a{ color:#fff;}
.yuyan{ margin-top:7px;}

.bocweb-header {
  position: relative;
  z-index: 120;
  height: 70px;
}

.bocweb-header.ff {
  height: 70px;
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
}

.wel-con #fp-nav.right {
  right: -300%;
  transition: 3s ease-in-out;
}

.wel-con.active #fp-nav.right {
  right: 0;
  transition: 3s ease-in-out;
  /*transition-delay: .8s;*/
}
.index_wz{ text-align:center; margin:0 auto; padding-bottom:80px;}
.index_wz h2{ font-family:Arial, Helvetica, sans-serif; font-size:90px;font-weight:bold; text-transform:uppercase; color:#f5f5f5;}
.index_wz h3{ color:#000; font-size:35px; font-weight:900; margin:0 auto; margin-top:-150px!important;width:17%; position:relative; z-index:111}
.index_wz h3 .bgz{ background:url(../images/i_bg1.png) no-repeat center; width:22px; height:14px; margin-top:20px;}
.index_wz h3 .bgy{ background:url(../images/i_bg2.png) no-repeat center; width:22px; height:14px; margin-top:20px;}


/*产品*/
.chanpin{ background:url(../images/index_06.jpg) no-repeat center fixed; width:100%;}
.chanpin .index_wz h2{ color:rgba(255,255,255,0.2)}
.chanpin .index_wz h3{ color:#fff;}
.chanpin ul li{ background:rgba(0,0,0,0.5); width:23%; margin-left:1%!important; margin-right:1%!important; text-align:center; float:left; border-radius:5px;}
.pro_bk{ padding:50px 40px;}
.chanpin ul li h2{ color:#fff; font-weight:normal; line-height:35px; height:70px;}
.gd_pro{ border-radius:50%; border:5px solid rgba(255,255,255,0.3); width:30px; height:30px; line-height:30px; color:#fff; font-size:25px; text-align:center; margin:0 auto}

.chanpin ul li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell;vertical-align: middle; -webkit-transition: all 500ms ease-out; /* CSS3 transition. */ -moz-transition: all 500ms ease-out;transition: all 500ms ease-out;}
.chanpin ul li:hover h2{/* color of icon font onMouseover */ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); /* flip horizontally 180deg*/ transform: rotateY(180deg); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s;}
.chanpin ul li:hover {-webkit-transform: rotateY(180deg); /* flip horizontally 180deg*/ -moz-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s;transition-delay: 0.2s; }

.gd_cp a{ color:#fff;}
.gd_cp{text-align: center;}
.gd_cp a{display: inline-block; border:1px solid #fff; border-radius:25px; height:40px; line-height:40px; text-align:center; width:140px; margin:0 auto; margin-top:60px;}
/*按钮动画效果*/

/*工程案例*/
.scrollpic{width: 100%; margin-top:-70px;}
.catu{ width:358px; height:200px; overflow:hidden}
.catu img{ width:358px; height:200px;object-fit: cover;transition: all 0.8s;}
.catu img:hover{ transform: scale(1.4);}

#myscroll {display: block;width: 100%;position: relative;height: 290px;overflow: hidden;}
#myscroll #myscrollbox {display: block;float: left;position: absolute;left: 0;top: 0;width: 1000000px;}
#myscroll ul {display: block;float: left;list-style-type: none;padding: 0;margin: 0;}
#myscroll ul li {display: block;float: left; margin-left:20px; margin-right:20px;padding: 0;width:358px;}
#myscroll ul li a {width: 358px;padding: 0;height: 290px;color: #333;}
#myscroll a .intro { width: 358px; text-align: center;}
#myscroll a .intro h2 {font-size: 20px; font-weight:bold;width: 100%; margin-top:30px;margin-bottom:0px; padding-bottom:10px;}
#myscroll a .intro h3 { margin:0px; padding:0px;font-size: 17px; color:#333; font-weight:normal;}


#mybtns {width: 1300px;display: block;height: 72px; margin:0 auto; position:relative; bottom:-140px; z-index:111;}
#mybtns a {
	width: 33px;
	height: 72px;
	display: block;
	margin-right: 1px;
	background-color: #c1c1c1;
	margin-left:10px;
}

#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left { background:url(../images/left.png) no-repeat ; height:72px; width:33px; float:left}
#mybtns #right { background:url(../images/right.png) no-repeat ; height:72px; width:33px; float:right}




/*用户评价*/
.pingjia ul li{ float:left; width:33%; border-left:1px solid #d8d8d8;}
.pjbk{ padding:10px 40px;}
.wsline{ background:#006ece; height:2px; width:70px; margin:0 auto;}
.pingjia ul li h2{ text-align:center; color:#000; font-weight:normal; font-size:20px;}
.pingjia ul li .pjms{ margin-top:20px; margin-bottom:20px;line-height:25px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:4;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; color:#555; opacity:0.8 }
.pingjia ul li:nth-child(3){border-right:1px solid #d8d8d8;}

/*用户评价更多按钮效果*/
.gd_pj{ margin:0 auto;  width:130px; margin-top:30px;}
.btn14{  display: inline-block; *display: inline; *zoom: 1; padding: 5px 5px; border-radius:25px; text-decoration: none; position: relative;
position:relative; color: #006ece; overflow: hidden; -webkit-transition: all .6s;transition: all .6s;border:1px solid #006ece;height:30px; width:120px; line-height:30px; text-align:center}
.btn-inner{ color:#006ece; }
.pingjia ul li:hover .btn14{ color:#fff!important; border-color:#006ece;}
.pingjia ul li:hover .btn-inner{ color:#fff!important; }

.btn14 .bgsqr1,.btn14 .bgsqr2,.btn14 .bgsqr3,.btn14 .bgsqr4{background:#006ece; color:#fff;position: absolute;top:0; width: 0px;height: 100%;-webkit-transition: all 0.4s; transition: all 0.4s; opacity:0.35;}
.btn14 .bgsqr3,.btn14 .bgsqr4{ opacity:0.75;}
.btn14 .bgsqr1{ left:0;}
.btn14 .bgsqr2{ right:0}
.btn14 .bgsqr3{ right:0;}
.btn14 .bgsqr4{ left:0;}
.pingjia ul li:hover:hover .bgsqr1,.pingjia ul li:hover .bgsqr2,.pingjia ul li:hover .bgsqr3,.pingjia ul li:hover .bgsqr4{ width:100%;}
.pingjia ul li:hover .bgsqr3,.pingjia ul li:hover .bgsqr4{-webkit-transition-delay:.4s;transition-delay:.4s;}
.btn14 span{ position:relative; z-index:1;}

/*公司*/

.gsz{ width:50%; background:url(../images/index_13.jpg) no-repeat center; height:717px;}
.gsz_txt{ margin-left:10%; width:70%; padding-top:190px; }
.play{ text-align:center; margin:0 auto}
.gsjj{ margin-top:100px;}
.gsjj h2{ color:#fff; font-size:35px; font-weight:bold}
.gsjj h3{ font-weight:normal; color:#fff; font-size:17px; line-height:30px;}
.gsz_txt .gd_cp{ text-align:left;}
.gsz_txt .gd_cp a{ margin-top:30px;}
.gsy{ width:50%;}
.gsy ul li{ text-align:center; float:left}
.gsy ul li:nth-child(1){ background:#007bc8; width:50%;}
.gsy ul li:nth-child(2){ background:#004b9e; width:50%;}
.gsy ul li:nth-child(3){ background:#f2f2f2; width:50%; height:418px;}
.gsy ul li:nth-child(4){ height:418px;}
.gsy ul li:nth-child(3) .shuzi h2{ color:#006ece;}
.gsy ul li:nth-child(3) .sbk{ padding:60px 30px;}
.gsy ul li:nth-child(4) .sbk{ padding:60px 50px;}

.gsy ul li:nth-child(3) .shuzi span.fl{ color:#006ece;}
.gsy ul li:nth-child(3) .shuzi h3{ color:#555;}
.gsy ul li:nth-child(1) .zjshu,.gsy ul li:nth-child(2) .zjshu{ width:85%; text-align:center; }
/*---
.gsy ul li:nth-child(1) .zjshu{ width:80%; text-align:center;margin:0 auto}
.gsy ul li:nth-child(2) .zjshu{ width:80%; text-align:center; margin:0 auto}
.gsy ul li:nth-child(3) .zjshu{ width:40%; text-align:center;margin:0 auto;}
.gsy ul li:nth-child(4) .zjshu{ width:27%; text-align:center; margin:0 auto;}---*/
.shuzi span{ color:#fff;}
.shuzi span.fl{ margin-top:40px;}
.zjshu{ text-align:center; margin:0 auto;  }
.gsy ul li:nth-child(4){ background:#171717; width:50%;}
.gsy ul li h2,.gsy ul li h3{ padding:0px; margin:0px;}
.shuzi{ text-align:center;}
.shuzi h2{ color:#fff; font-size:60px; text-align:center; margin:0 auto;float:none; display:inline-block }
.shuzi span{ font-weight:normal; font-size:20px; padding-left:10px;float:none; display:inline-block}
.sbk{ padding:80px 60px;}
.shuzi h3{ color:#fff; opacity:0.8; line-height:30px; font-size:17px; font-weight:normal}

.gd_al a{ color:#006ece;}
.gd_al{text-align: center;}
.gd_al a{display: inline-block; border:1px solid #006ece;border-radius:25px; height:40px; line-height:40px; text-align:center; width:140px; margin:0 auto; margin-top:46px;}

.gd_ry a{ color:#fff;}
.gd_ry{text-align: center;}
.gd_ry a{display: inline-block; border:1px solid #fff; opacity:0.6;border-radius:25px; height:40px; line-height:40px; text-align:center; width:140px; margin:0 auto; margin-top:46px;}


/*新闻*/

.news{ background:url(../images/index_14.jpg) no-repeat center top;width:100%;margin:0 auto; }
.news .index_wz h2{ color:rgba(255,255,255,0.2)}
.news .index_wz h3{ color:#fff; }
.news ul li{ float:left; width:25%; background:#f2f2f2; }
.news ul li:nth-child(2n){ background:#e1dfdf;}
.news ul li h2{ font-weight:normal; color:#000; font-size:18px; height:60px; line-height:30px;text-overflow:ellipsis;/*超出...*/ -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; }
.news ul li .xwms{ margin-top:20px; margin-bottom:20px;line-height:25px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:3;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; color:#555; opacity:0.6 }
.wsbk{ padding:40px 30px;}
.gd_xw a{ color:#fff;}
.gd_xw{text-align: center;}
.gd_xw a{display: inline-block;background:#006ece; border-radius:25px; height:40px; line-height:40px; text-align:center; width:140px; margin:0 auto; margin-top:60px;}
/*按钮动画效果*/
.btn{transition: all .3s;}
.btn:hover{transform: scale(0.9);transition: all .3s;}

/*鼠标经过显示边框*/
.spbq{width: 100%;position: relative;overflow: hidden;}
.biankuang{width: 3px;height: 3px;position: absolute;z-index: 99;border-radius:10px;
	/*background: black;*/}
.biankuang_1{height: 3px;top: -6px;left:0px;border-left: 5px solid #006ece;}
.biankuang_2 {width: 0px;bottom:-3px;left: 0px;border-top: 5px solid #006ece;}
.biankuang_3{height: 0px;bottom:0px;right:0px;border-right: 5px solid #006ece;}
.biankuang_4{width:0px;top:-3px;right:0px;border-bottom: 5px solid #006ece;}
.text_gobuy {position: absolute;z-index:9;top: -30px;left: 0px;width: 100%;height: 50px;overflow: hidden;background:rgba(207, 208, 211, 0);cursor: pointer;transition:all  300ms;-webkit-transition:all  300ms;-moz-transition:all  300ms;-o-transition:all  300ms;}
.text_gobuy_show{height: 50px; line-height:50px; padding-top:30px;position: absolute;z-index:9;bottom: 0px;width: 100%;overflow: hidden;cursor: pointer;background-color: rgba(0, 110, 206,0.8);}
.spbq p{position: absolute;left:130px; font-size:17px;color: #fff}



/*底部*/
.wd1300{ width:1300px; margin:0 auto; padding-top:5px; padding-bottom:70px;}
.foot_a{ background:#252627; width:100%; margin:0 auto; padding-top:50px;}
.dbdh ul li{ float:left; margin-right:130px;}
.dbdh ul li h2{ color:#fff; font-size:20px; font-weight:normal;}
.dbdh ul li dl dd a{ color:#959696;}
.dbdh ul li dl dd{ line-height:30px; margin-left:0px;  }
.dbdh ul li dl{ margin-top:20px;}
.dbdh .flian{color:#959696; line-height:30px;}
.dbdh .flian a{color:#959696}
.ewm img{ padding:5px; background:#fff; border-radius:5px;}
.foot_b{ background:#006ece; padding-top:30px; padding-bottom:30px;}
.foot_b .banquan{ width:1300px; margin:0 auto; color:#fff; line-height:30px;}
a.zzb07link{text-decoration:none;color: #fff;}
a.zzb07link:hover {text-decoration: underline;color: #fff;}
.zzb07tail{color:#fff;}

/*内页*/
.nywenzi{ text-align:center; margin:0 auto; border-bottom:1px solid #d8d8d8; padding-bottom:20px; padding-top:30px;}
.nywenzi h2 span{ color:#000;}
.nywenzi h2{ font-size:35px;font-weight:normal; line-height:35px; margin-top:-20px; padding-left:10px; padding-right:10px; padding-bottom:0px; margin-bottom:0px;}
.nywenzi h2 .yuandian{ font-size:25px;}
.nywenzi h2 .nywz{ font-size:35px;}
.nywenzi h2 .nyyw{ font-size:35px; text-transform:uppercase}
.nywenzi h3{ font-weight:normal; font-size:17px; }

.leftabout{ width:33%;margin:0 auto; text-align:center;top:280px; position:relative; z-index:11; }
.nymenu ul li{ margin-right:1px;float:left; width:150px; height:50px; line-height:50px; background:#fff; }
.nymenu ul li:first-child{ border-bottom-left-radius:5px!important;border-top-left-radius:5px!important;}


.nymenu ul li a{ font-size:17px;}
.nymenu ul li a:hover{ background:#006ece; color:#fff; display:block}
.nymenu ul li:first-child :hover{ border-bottom-left-radius:5px;border-top-left-radius:5px;}
.leftnews{ width:34%;margin:0 auto; text-align:center;top:280px; position:relative;}
.lefthonor{width:45%;margin:0 auto; text-align:center;top:280px; position:relative;}
/*--
.leftnews ul li:last-child{ border-bottom-right-radius:5px!important;border-top-right-radius:5px!important;}
.leftabout ul li:nth-child(4){ border-bottom-right-radius:5px;border-top-right-radius:5px;}--*/
.nymenu ul li a:hover,.nymenu ul li a.active{ display:block; color:#fff;background:#006ece;}

.leftpro{ width:57%;margin:0 auto; text-align:center;top:280px; position:relative;}
.leftpro ul li{ margin-right:1px;float:left; width:200px; height:50px; line-height:50px; background:#fff; }
/*
.leftpro ul li:nth-child(7){ border-bottom-right-radius:5px;border-top-right-radius:5px;}
*/



.nymain{ width:1300px; margin:0 auto; margin-top:60px; margin-bottom:80px; }
.nyabout{ background:url(../images/nyabout.jpg) no-repeat center ; height:400px; width:100%}
.nycon{ background:url(../images/nycon.jpg) no-repeat center bottom ; height:400px; width:100%}
.nycase{ background:url(../images/nycase.jpg) no-repeat center ; height:400px; width:100%}
.nypingjia{ background:url(../images/nypingjia.jpg) no-repeat center ; height:400px; width:100%}
.nyzhinan{ background:url(../images/nyzhinan.jpg) no-repeat center ; height:400px; width:100%}
.nynews{ background:url(../images/nynews.jpg) no-repeat center ; height:400px; width:100%}
.nypro{ background:url(../images/nypro.jpg) no-repeat center ; height:400px; width:100%}





.neirong{ line-height:30px;padding-top:60px; font-size:16px;}

/*内页公司简介*/
.neirong .sbk{ padding:70px 30px;}
.neirong .gsy{ width:100%; float:none}
.neirong .gsy ul li{ height:280px;}
.neirong .gsy ul li:nth-child(1){ width:20%}
.neirong .gsy ul li:nth-child(2){ width:20%}
.neirong .gsy ul li:nth-child(3){ width:30%}
.neirong .gsy ul li:nth-child(4){ width:30%}
.neirong .gsy ul li:nth-child(3) .shuzi h2{}
.neirong .gsy ul li:nth-child(4) .shuzi h2{}
/*------
.neirong .gsy ul li:nth-child(1) .zjshu{ width:83%; }
.neirong .gsy ul li:nth-child(2) .zjshu{ width:83%; }
.neirong .gsy ul li:nth-child(3) .zjshu{ width:33%; }
.neirong .gsy ul li:nth-child(4) .zjshu{ width:27%; }-------*/
.neirong .gsy ul li .shuzi h3{ margin-top:10px; font-size:16px;}
.neirong .gsy ul li .shuzi h2{ font-size:55px;}
.neirong .shuzi span.fl{ margin-top:15px;}
.videoa{ position:relative;}
.spbg{position:absolute;left:0;width:100%; background-color:rgba(0,0,0,0.3); height:425px;}
.bofang{ text-align:center; margin:0 auto;z-index:11; position:relative;top:250px; }
.gongsi_nr { margin-top:70px;}
.gongsi_nr .gsmc{ text-align:center}
.gongsi_nr .gsmc a{ color:#006ece; font-size:30px;}
.zhici{ width:100%; background:url(../images/ny_ab_07.jpg) no-repeat center top;margin:0 auto; height:482px;}
.wd1300_top{ width:1300px; margin:0 auto; padding-top:70px; padding-bottom:70px;}
.neirong .wd1300{ padding-top:70px;}
.zhici .nywenzi{ border-bottom:1px solid rgba(255,255,255,0.3);}
.zhici .nywenzi h2 span{ color:#fff;}
.zhici .nywenzi h3{ color:#fff;}
.zhici .zhici_txt{ width:65%; margin:0 auto; line-height:40px; color:#fff; font-size:18px; text-align:center; padding-top:60px;}
.tabbox {width:100%;height:450px; margin-top:40px;}
.tabmenu {width:70%;height:50px; margin:0 auto}
.tabmenu ul {margin:0;padding:0;list-style-type: none;}
.tabmenu li { text-align:center; float:left; display:block; width:23%; margin-left:1%; margin-right:1%; height:50px; overflow:hidden; background: #f2f2f2; line-height:50px;  display:inline; font-size:17px;}
.tabmenu .cli {text-align:center;float:left;display:block;width:23%;height:50px;overflow:hidden;background:#006ece;line-height:50px;display:inline;font-size:17px; cursor:pointer; color:#fff;}
#tabcontent { margin-top:40px; padding-bottom:80px;}
#tabcontent ul {margin:0;list-style-type: none;}
#tabcontent .hidden {display:none;}
#tabcontent ul li{ float:left; width:18%; margin-left:1%; margin-right:1%; text-align:center;}
.rytu{ background:#fafafa;height:200px;  display: flex;justify-content: center;
align-items: center; overflow:hidden}
.rytu  img{max-width:100%;max-height:200px; transition: all 0.8s;}
.rytu  img:hover{   transform: scale(1.4);}
#tabcontent ul li p{ margin-top:15px; line-height:25px;}

.qyzs{ background:#f2f2f2; width:100%; margin:0 auto}
.qyzs ul{ margin-top:50px;}
.qyzs ul li{ float:left; width:23%; margin-left:1%; margin-right:1%; margin-bottom:40px;}
.qyzs ul li .dbwz{ background:rgba(0,110,206,0.8); height:50px; line-height:50px; text-align:center; color:#fff; font-size:18px; margin-top:-50px; position:relative; z-index:1}

.qyzstu{ width:100%; height:250px;  display: flex;justify-content: center;
align-items: center; overflow:hidden}
.qyzstu  img{max-height:250px; height:250px; transition: all 0.8s;}
.qyzs ul li:hover img{   transform: scale(1.2);}

/*内页联系我们*/
.ditu{ width:50%}
.ditu img{ width:auto!important}
.nylianxi{ width:45%}
.rit-box .top-tit {
border-bottom: 1px dotted #BBBBBB;
padding-bottom: 20px;}
.rit-box .top-tit h3 {font-size: 20px;font-weight:normal; color:#000; margin-bottom:0px;}
.rit-box .top-tit p {font-size: 15px;color: #999999;}
.rit-box .top-tit p font{ color:#006ece; font-weight:bold; font-size:25px;}
.city li.on, .city li:hover {background-color: #006ece;}
.city li {float: left;margin-right: 10px;width: 150px;height: 38px;text-align: center;line-height: 38px;font-size: 15px;background-color: #006ece;}
.city li a{ color:#fff}
.city {width: 420px;display: table;margin-top: 15px;}
.kbm{ margin-top:20px;}

/*留言*/
.liuyan_z{ width:40%}
.liuyan_z ul li{ float:none; width:100%; margin-bottom:20px;}
.liuyan_z .kuang{ width:95%}
.liuyan_z .kuang input{ border:0px; outline:none; color:#888; font-size:16px; padding-left:15px; height:50px; line-height:50px;width:98%; background:#fff;}
.liuyan_z .fr { margin-top:15px; color:#cc0000}
.liuyan_y{ width:55%;}
.dinggou{ width:100%; margin-bottom:20px;}
.dinggou textarea{ background:#fff;outline:none; border:0px;color:#888; font-size:16px; padding-left:15px; padding-top:20px; width:98%}
.yzm input{border:0px; outline:none; color:#888; font-size:16px; padding-left:15px; height:50px; line-height:50px;width:80%; background:#fff;}  

.tijiao{ background:#006ece; margin:0 auto; height:55px; width:200px; border:0px; color:#fff; line-height:55px; text-align:center; font-size:17px;}
.tjan{ margin:0 auto; width:100%; text-align:center; margin-top:30px;}

/*工程案例*/
.teshunymain{ margin-bottom:20px;}
.teshunymain .nywenzi{ border-bottom:0px;}
.xiangguan h2{ color:#000; font-size:35px; text-align:center; margin:0 auto; font-weight:normal; padding-bottom:50px;}
.case ul li{ float:left; width:30%; margin-left:1.5%; margin-right:1.5%; margin-bottom:1.5%}
.case ul li h2{ color:#000; text-align:center; font-size:20px;}
.anli_tu{ width:100%; height:270px;  display: flex;justify-content: center;
align-items: center; overflow:hidden}
.anli_tu  img{max-height:270px; transition: all 0.8s; border-radius:5px;}
.case ul li:hover img{   transform: scale(1.2);border-radius:5px;}
.case ul li:hover h2{ color:#006ece}

.huisebg{ background:#f2f2f2; width:100%; margin:0 auto}
.anlimc{ color:#000; font-size:30px; text-align:center; margin:0 auto;}
.anli_z{ width:45%; height:400px; overflow:hidden}
.anli_z img{ width:100%; transition: all 0.8s;height:400px;}
.anli_z img:hover{transform: scale(1.2);}
.anli_y{ background:#006ece; width:55%; height:400px; color:#fff;}
.anli_txt{ padding-top:60px; }
.albk{ padding:50px;}
.anms{ line-height:30px;}

/*内页用户评价*/
.ny_pingjia ul li{ margin-bottom:45px;background:#fff;box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);}
.nypjbk{ padding:50px;}
.pj_z{ width:80%;}
.pj_y{ width:12%; height:45px; border:1px solid #d8d8d8; font-size:25px; line-height:45px; text-align:center; color:#999; margin-top:50px; -webkit-transition: all .6s;transition: all .6s;}
.pj_z h2{ padding:0px; margin:0 auto; font-weight:normal; color:#000; font-size:23px;-webkit-transition: all .6s;transition: all .6s;}
.nyfbrq{ font-size:15px; color:#555; opacity:0.6; margin-top:10px; }
.pjmiao{ margin-top:10px;line-height:28px; color:#555; font-size:15px;opacity:0.7;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; }
.ny_pingjia ul li:hover .pj_y{ background:#006ece; color:#fff; padding-right:20px; padding-left:20px;}
.ny_pingjia ul li:hover .pj_z h2{ color:#006ece; padding-left:15px;}

/*详细页*/
.ny_biao h2{ color:#000; font-size:25px; text-align:center; margin:0 auto; font-weight:normal}
.neirong_biankang{ padding:50px;background:#fff;box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); margin-top:50px; line-height:35px; font-size:16px;}
.ny_fbrq{ text-align:center; margin:0 auto; color:#555; opacity:0.6; margin-top:10px;}
.fanye{ background:#f2f2f2; height:70px; line-height:70px; margin-top:60px; padding-left:15px; padding-right:15px; font-size:16px;}
.fanye ul li{ float:left;}
.fanye ul li:nth-child(1){ width:40%;}
.fanye ul li:nth-child(3){ width:40%; text-align:right}
.fanye ul li:nth-child(2){ width:20%; background:#006ece; text-align:center}
.fanye ul li:nth-child(2) a{ color:#fff;}

/*设计指南*/
.ny_sjzn ul li:hover { background:#f2f2f2  }
.ny_sjzn ul li:hover .ny_gd{ background:#006ece; color:#fff; }
.ny_sjzn ul li{background:#fff;box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); width:30%; margin-left:1.5%; margin-right:1.5%; float:left; margin-bottom:70px; -webkit-transition: all .6s;transition: all .6s;}
.nysjbk{ padding:30px;}
.ny_sjzn ul li h2{ font-weight:normal; color:#000; font-size:18px; margin:0px; padding:0px; -webkit-transition: all .6s;transition: all .6s;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden;}
.sjline{ background:#006ece; height:3px; width:60px; margin-top:10px;}
.sjms{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:4;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; font-size:15px; line-height:27px; margin-top:15px; opacity:0.7; }
.ny_gd{ background:#fff; width:50px; height:50px; text-align:center; line-height:46px; color:#006ece; border-radius:50%; border:2px solid #d8d8d8; font-size:35px; margin-bottom:-60px; float:right }

/*内页新闻*/
.ny_news ul li:hover .news_riqi h2{ color:#fff;}
.ny_news ul li:hover .news_riqi h3{ color:#fff;}
.ny_news ul li:hover .news_gd{ color:#fff;}
.ny_news ul li:hover .news_nr h2{ color:#fff; padding-left:10px;}
.ny_news ul li:hover .news_ms{ color:#fff}
.ny_news ul li:hover{ background:#006ece!important}
.ny_news ul li:nth-child(2n){ background:#f2f2f2}
.ny_news ul li{  margin:0 auto;margin-top:40px; margin-bottom:40px; -webkit-transition: all .6s;transition: all .6s;}
.newtu{ width:18%; height:150px; overflow:hidden; background:#f2f2f2;display: flex;justify-content: center;}
.ny_news ul li:nth-child(2n) .newtu{ background:#fff}
.newtu img{transition: all 0.8s;height:150px; max-width:100%;}
.ny_news ul li:hover img{transform: scale(1.2);}
.news_txt{ width:66%; margin-left:3%;  margin-top:25px}
.news_gd{ color:#000; font-size:25px;}
.news_line{ background:#d8d8d8; height:100px; width:1px;}
.news_riqi{ width:20%; margin-top:20px;}
.news_riqi h2{ color:#000; font-size:40px; padding:0px; margin:0px;}
.news_riqi h3{ font-weight:normal; font-size:17px; padding:0px; margin:0px; padding-left:10px;  margin-top:25px;}
.news_nr{ width:73%}
.news_nr h2{ color:#000; font-size:20px; padding:0px; margin:0px;-webkit-transition: all .6s;transition: all .6s;}
.news_ms{ margin-top:10px; line-height:30px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; color:#555; opacity:0.7}
.news_gd{ width:10%; margin-top:55px; text-align:right;}
.xinwen{ width:100%; margin:0 auto}
.xinwen_jl{ width:1300px; margin:0 auto; padding-top:30px; padding-bottom:30px;}
.fanhui{ background:#434343; height:70px; line-height:70px;font-size:16px; width:100%; color:#fff}
.fanhui ul{ width:1300px; margin:0 auto}
.fanhui ul li{ float:left;}
.fanhui ul li a{ color:#fff;}
.fanhui ul li:nth-child(1){ width:40%;}
.fanhui ul li:nth-child(3){ width:40%; text-align:right}
.fanhui ul li:nth-child(2){ width:20%; background:#006ece; text-align:center}
.fanhui ul li:nth-child(2) a{ color:#fff;}

.xg_tu{ width:100%; height:150px; overflow:hidden; background:#f2f2f2;display: flex;justify-content: center;}
.xg_tu img{transition: all 0.8s;height:150px; max-width:100%;}
.xgxw ul li:hover img{transform: scale(1.2);}
.xgxw ul li:hover{ margin-top:-5px;}
.xgxw ul li:hover .xg_gd{ background:#006ece; color:#fff; border:1px solid #006ece}
.xgxw ul li{ float:left; width:23%; margin-left:1%; margin-right:1%; text-align:center;-webkit-transition: all .6s;transition: all .6s;}
.xgxw ul li h2{ font-weight:normal; color:#333; padding:0px; margin:0px; font-size:18px; margin-top:20px;line-height:30px;}
.xg_gd{ margin:0 auto;font-size:30px; border:1px solid #d8d8d8; border-radius:50%; width:45px; line-height:42px; text-align:center; height:45px; margin-top:30px;}

/*内页产品*/
.ny_sou{ padding:50px; background:#f2f2f2}
.ny_sou_z{ width:80%; background:#fff;}
.ny_sou_z input{ background:#fff;border:0px;height:50px; line-height:50px; padding-left:15px; width:98%; border:0px; font-size:15px; color:#555; outline:none;}
.cpzs_con1_u1{font-size: 0; margin-top:60px;}
.cpzs_con1_u1 li:hover { margin-top:-10px;}
.cpzs_con1_u1 li{display: inline-block;vertical-align: top;width:23%;margin-right: 2.6%;position: relative;text-align: center;margin-bottom: 40px; box-shadow:0px 8px 8px 0px rgba(0,0,0,.1); transition:all 0.4s; }
.cpzs_con1_u1 li:nth-child(4n){margin-right: 0;}
.cpzs_con1_u1 li img{/*width: 100%;*/ vertical-align: middle; margin:0px auto;   }
.cpzs_con1_u1 li a span{display: block; margin-top: 15px;  height:140px;   
 display: flex;justify-content: center;
align-items: center;}
.cpzs_con1_u1 li a{display: block;position: relative;text-align: center;background: #fff;box-sizing: border-box;border: 1px solid #dedede;padding: 5px;}
.cpzs_con1_u1 li a:after{content: '';display: block;width: 0%;height: 1px;background:#035cac;position: absolute;right: 0;top: 0;transition: 0.5s ease-out;z-index: 2;}
.cpzs_con1_u1 li a:before{content: '';display: block;width: 1px;height: 0%;background:#035cac;position: absolute;right: 0;top: 0;transition: 0.5s ease-out;z-index: 2;}
.cpzs_con1_u1 li a span:after{content: '';display: block;width: 0%;height: 1px;background:#035cac;position: absolute;left: 0;bottom: 0;transition: 0.5s ease-out;z-index: 2;}
.cpzs_con1_u1 li a span:before{content: '';display: block;width:1px;height: 0%;background:#035cac;position: absolute;left: 0;bottom: 0;transition: 0.5s ease-out;z-index: 2;}
/*.cpzs_con1_u1 li a:hover:after,.cpzs_con1_u1 li a:hover span:after{width: 100%;}
.cpzs_con1_u1 li a:hover:before,.cpzs_con1_u1 li a:hover span:before{height: 100%;}*/



.cpzs_con1_u1 li a span img{max-width:100%;transform: translateX(0); max-height:100%; }
.sec3_right_div{box-sizing: border-box;padding:28px 15px 40px;}
.sec3_right_div h2{font-size: 18px;color: #2c3238;transition: 0.3s ease-out;word-break: break-all; }
.sec3_right_div p{margin-top: 5px; height:40px;}
.sec3_right_div p:after{content: '';display: block;width: 100%;height: 1px;position: absolute;top: 50%;left: 0;}
.sec3_right_div p font{display: inline-block;font-size: 14px;color:#2a2a2a;background: #f2f2f2;box-sizing: border-box; width:150px; height:40px; line-height:40px; text-align:center;z-index: 2;position: relative; margin-top:12px;}
.cpzs_con1_u1 li a i{display: block;width: 45px;height: 45px;line-height: 45px;text-align: center;border-radius: 50%;background: #035cac;
position: absolute;bottom: -20px;left: 50%;margin-left: -22px;z-index: 3;transition: 0.3s ease-in-out;transform: translateY(20px);opacity: 0;}
.cpzs_con1_u1 li a i img{transition: 0.3s ease-out;transform:translateX(0px);width: auto; margin-top:13px;}
.cpzs_con1_u1 li a i:hover img{transform:translateX(0px) rotate(180deg);}
.cpzs_con1_u1 li a:hover i{transform: translateY(0);opacity: 1;}
.cpzs_con1_u1 li a:hover h1{color: #035cac;}
.cpzs_con1 .xwpage {padding: 60px 0 100px;}
.nymain .fanhui{ margin-top:60px;}
.nymain .fanhui ul li a{ padding-left:15px; padding-right:15px;}

.ny_chan_z{ width:40%; border:2px dotted #ccc; display: flex;justify-content: center;
align-items: center; height:400px; overflow:hidden; text-align:center; margin:0 auto}
.ny_chan_z  img{max-height:400px; transition: all 0.8s;}
.ny_chan_z  img:hover{   transform: scale(1.2);}
.ny_chan_y{ width:100%;}
.ny_chan_y h2{ color:#333; font-size:25px;}
.ny_chan_xx{ font-size:17px; line-height:35px; color:#555;}
.ny_rx{ color:#006ece; font-size:25px; margin-top:30px;}
.ny_lx{ background:#006ece; width:170px; margin-top:15px; height:50px; line-height:50px; text-align:center; }
.ny_lx a{ color:#fff; font-size:17px;}

.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;color: #006ece; line-height: 30px; text-decoration: none; clear:both;}
.contentPage a:link {color: #006ece; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #006ece; font-weight: normal;}
.contentPage a:visited {color: #006ece; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #006ece; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#006ece;font-weight:normal;}
.contentPage .current{color:#f00; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #006ece; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}

.proxx{ min-height:200px;}
.proxx table{border-left: #ccc 1px solid; border-top: #ccc 1px solid;  width:100%; margin:0 auto; }
.proxx tr td{padding: 5px;
	border-bottom: #ccc 1px solid; border-right: #ccc 1px solid;}
	
	/*荣誉证书列表*/
.imglist1{ width:1300px; margin:0 auto;}
.imglist1 ul li{text-align:center;float:left;display:inline;width:268px;height:250px; margin:15px 15px;overflow:hidden;background:#fff; border:1px dotted #ccc; padding:10px; border-radius:5px;box-shadow:0px 10px 10px 0px rgba(0,0,0,.1);}
.imglist1 ul li img{background:#FFF; max-width:100%; max-height:100%;}
.imglist1 ul li span{line-height:20px;display:block;background:#FFF; text-align:center; padding-top:18px; font-size:15px;}

.zu11{width:268px!important; height:190px!important; overflow:hidden;vertical-align: middle!important;display: table-cell!important;  }
.zu11 a img{ -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.zu11 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}

.pro_tb{ margin-bottom:60px!important;}
.pro_fl_title{ background:#006ece; line-height:60px; height:60px; text-align:center; margin:0 auto;}
.pro_fl_title a{ color:#fff; font-size:22px;}


.wap_foot{ display:none}
.wap_daohang{ display:none}	

@media all and (max-width:640px){
.visual_sec .tit_box .txt1 {
    margin-top: 150px;
    font-size: 30px;
    font-weight: 900;
}
	body{ width:100%; }
.wap_foot{ display:block}
.wap_daohang{ display:block}
.pc_daohang{ display:none}	

.dier{ margin-left:10px; margin-top:8px;}
.dier h2{ font-size:20px; color:#000; margin:0px; padding:0px;}
.dier h3{ font-size:10.5px; color:#000; font-weight:normal; margin-top:0px; margin:0px; padding:0px;}




.index_wz{ text-align:center; margin:0 auto; padding-bottom:40px;}
.index_wz h2{ font-family:Arial, Helvetica, sans-serif; font-size:60px;}
.index_wz h3{ color:#000; font-size:28px; font-weight:900; margin:0 auto; margin-top:-80px!important;width:50%; position:relative; z-index:111}
.index_wz h3 .bgz{ background:url(../images/i_bg1.png) no-repeat center; width:22px; height:14px; margin-top:20px;}
.index_wz h3 .bgy{ background:url(../images/i_bg2.png) no-repeat center; width:22px; height:14px; margin-top:20px;}


/*产品*/
.chanpin{ background:url(../images/index_06.jpg) no-repeat center; background-attachment:local; width:100%;}
.chanpin .index_wz h2{ color:rgba(255,255,255,0.2)}
.chanpin .index_wz h3{ color:#fff;}
.chanpin ul li:nth-child(2n){ float:right}
.chanpin ul li:nth-child(3){ margin-top:20px;}
.chanpin ul li:nth-child(4){ margin-top:20px;}
.chanpin ul li{ background:rgba(0,0,0,0.5); width:48%; margin-left:0%!important; margin-right:0%!important; text-align:center; float:left; border-radius:5px;}
.pro_bk{ padding:20px;}
.chanpin ul li h2{ font-size:18px; color:#fff; font-weight:normal; line-height:35px; height:70px;}
.gd_pro{ border-radius:50%; border:5px solid rgba(255,255,255,0.3); width:30px; height:30px; line-height:30px; color:#fff; font-size:25px; text-align:center; margin:0 auto}

.chanpin ul li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell;vertical-align: middle; -webkit-transition: all 500ms ease-out; /* CSS3 transition. */ -moz-transition: all 500ms ease-out;transition: all 500ms ease-out;}
.chanpin ul li:hover h2{/* color of icon font onMouseover */ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); /* flip horizontally 180deg*/ transform: rotateY(180deg); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s;}
.chanpin ul li:hover {-webkit-transform: rotateY(180deg); /* flip horizontally 180deg*/ -moz-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s;transition-delay: 0.2s; }

.gd_cp a{ color:#fff;}
.gd_cp{text-align: center;}
.gd_cp a{display: inline-block; border:1px solid #fff; border-radius:25px; height:40px; line-height:40px; text-align:center; width:140px; margin:0 auto; margin-top:60px;}
/*按钮动画效果*/

/*工程案例*/
.scrollpic{width: 100%; margin-top:-70px;}
.catu{ width:358px; height:200px; overflow:hidden}
.catu img{ width:358px; height:200px;object-fit: cover;transition: all 0.8s;}
.catu img:hover{ transform: scale(1.4);}

#myscroll {display: block;width: 100%;position: relative;height: 290px;overflow: hidden;}
#myscroll #myscrollbox {display: block;float: left;position: absolute;left: 0;top: 0;width: 1000000px;}
#myscroll ul {display: block;float: left;list-style-type: none;padding: 0;margin: 0;}
#myscroll ul li {display: block;float: left; margin-left:20px; margin-right:20px;padding: 0;width:358px;}
#myscroll ul li a {width: 358px;padding: 0;height: 290px;color: #333;}
#myscroll a .intro { width: 358px; text-align: center;}
#myscroll a .intro h2 {font-size: 20px; font-weight:bold;width: 100%; margin-top:30px;margin-bottom:0px; padding-bottom:10px;}
#myscroll a .intro h3 { margin:0px; padding:0px;font-size: 17px; color:#333; font-weight:normal;}


#mybtns {width: 100%;display: block;height: 72px; margin:0 auto; position:relative; bottom:-270px; z-index:111;}
#mybtns a {
	width: 33px;
	height: 72px;
	display: block;
	margin-right: 1px;
	background-color: #c1c1c1;
	margin-left:10px;
}

#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left { background:url(../images/left.png) no-repeat ; height:72px; width:33px; float:left;background-size:auto 25px;}
#mybtns #right { background:url(../images/right.png) no-repeat ; height:72px; width:33px; float:right; background-size:auto 25px;}




/*用户评价*/
.pingjia ul li{ float:left; width:100%; border-left:0px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding-bottom:20px;}
.pjbk{ padding:10px;}
.wsline{ background:#006ece; height:2px; width:70px; margin:0 auto;}
.pingjia ul li h2{ text-align:center; color:#000; font-weight:normal; font-size:20px;}
.pingjia ul li .pjms{ margin-top:20px; margin-bottom:20px;line-height:25px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:4;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; color:#555; opacity:0.8 }
.pingjia ul li:nth-child(3){border-right:1px solid #d8d8d8;}

/*用户评价更多按钮效果*/
.gd_pj{ margin:0 auto;  width:130px; margin-top:30px;}
.btn14{  display: inline-block; *display: inline; *zoom: 1; padding: 5px 5px; border-radius:25px; text-decoration: none; position: relative;
position:relative; color: #006ece; overflow: hidden; -webkit-transition: all .6s;transition: all .6s;border:1px solid #006ece;height:30px; width:120px; line-height:30px; text-align:center}
.btn-inner{ color:#006ece; }
.pingjia ul li:hover .btn14{ color:#fff!important; border-color:#006ece;}
.pingjia ul li:hover .btn-inner{ color:#fff!important; }

.btn14 .bgsqr1,.btn14 .bgsqr2,.btn14 .bgsqr3,.btn14 .bgsqr4{background:#006ece; color:#fff;position: absolute;top:0; width: 0px;height: 100%;-webkit-transition: all 0.4s; transition: all 0.4s; opacity:0.35;}
.btn14 .bgsqr3,.btn14 .bgsqr4{ opacity:0.75;}
.btn14 .bgsqr1{ left:0;}
.btn14 .bgsqr2{ right:0}
.btn14 .bgsqr3{ right:0;}
.btn14 .bgsqr4{ left:0;}
.pingjia ul li:hover:hover .bgsqr1,.pingjia ul li:hover .bgsqr2,.pingjia ul li:hover .bgsqr3,.pingjia ul li:hover .bgsqr4{ width:100%;}
.pingjia ul li:hover .bgsqr3,.pingjia ul li:hover .bgsqr4{-webkit-transition-delay:.4s;transition-delay:.4s;}
.btn14 span{ position:relative; z-index:1;}

/*公司*/

.gsz{ width:100%; background:url(../images/index_13.jpg) no-repeat center; height:450px; background-size:200%;object-fit: cover;}
.gsz_txt{ margin-left:5%; width:90%; padding-top:50px; margin:0 auto; }
.play{ text-align:left; margin:0 auto}
.gsjj{ margin-top:30px; width:100%}
.gsjj h2{ color:#fff; font-size:28px; font-weight:bold}
.gsjj h3{ font-weight:normal; color:#fff; font-size:15px; line-height:25px;}
.gsz_txt .gd_cp{ text-align:left;}
.gsz_txt .gd_cp a{ margin-top:20px;}
.gsy{ width:100%;}
.gsy ul li{ text-align:center; float:left}
.gsy ul li:nth-child(1){ background:#007bc8; width:100%;}
.gsy ul li:nth-child(2){ background:#004b9e; width:100%;}
.gsy ul li:nth-child(3){ background:#f2f2f2; width:100%; height:auto;}
.gsy ul li:nth-child(4){ height:auto;}
.gsy ul li:nth-child(3) .shuzi h2{ color:#006ece;}
.gsy ul li:nth-child(3) .sbk{ padding:30px 30px;}
.gsy ul li:nth-child(4) .sbk{ padding:30px 30px;}

.gsy ul li:nth-child(3) .shuzi span.fl{ color:#006ece;}
.gsy ul li:nth-child(3) .shuzi h3{ color:#555;}
.gsy ul li:nth-child(1) .zjshu,.gsy ul li:nth-child(2) .zjshu{ width:85%; text-align:center; }
/*---
.gsy ul li:nth-child(1) .zjshu{ width:80%; text-align:center;margin:0 auto}
.gsy ul li:nth-child(2) .zjshu{ width:80%; text-align:center; margin:0 auto}
.gsy ul li:nth-child(3) .zjshu{ width:40%; text-align:center;margin:0 auto;}
.gsy ul li:nth-child(4) .zjshu{ width:27%; text-align:center; margin:0 auto;}---*/
.shuzi span{ color:#fff;}
.shuzi span.fl{ margin-top:40px;}
.zjshu{ text-align:center; margin:0 auto;  }
.gsy ul li:nth-child(4){ background:#171717; width:100%;}
.gsy ul li h2,.gsy ul li h3{ padding:0px; margin:0px;}
.shuzi{ text-align:center;}
.shuzi h2{ color:#fff; font-size:40px; text-align:center; margin:0 auto;float:none; display:inline-block }
.shuzi span{ font-weight:normal; font-size:20px; padding-left:10px;float:none; display:inline-block}
.sbk{ padding:30px 30px;}
.shuzi h3{ color:#fff; opacity:0.8; line-height:30px; font-size:15px; font-weight:normal}

.gd_al a{ color:#006ece;}
.gd_al{text-align: center;}
.gd_al a{display: inline-block; border:1px solid #006ece;border-radius:25px; height:40px; line-height:40px; text-align:center; width:140px; margin:0 auto; margin-top:46px;}

.gd_ry a{ color:#fff;}
.gd_ry{text-align: center;}
.gd_ry a{display: inline-block; border:1px solid #fff; opacity:0.6;border-radius:25px; height:40px; line-height:40px; text-align:center; width:140px; margin:0 auto; margin-top:46px;}


/*新闻*/

.news{ background:url(../images/index_14.jpg) no-repeat center top;width:100%;margin:0 auto; }
.news .index_wz h2{ color:rgba(255,255,255,0.2)}
.news .index_wz h3{ color:#fff; }
.news ul li{ margin-bottom:20px;float:left; width:50%; background:#f2f2f2; }
.news ul li:nth-child(4){ margin-bottom:0px;}
.news ul li:nth-child(3){ margin-bottom:0px;}
.news ul li:nth-child(2n){ background:#e1dfdf;}
.news ul li h2{ font-weight:normal; color:#000; font-size:16px; height:30px; line-height:30px;text-overflow:ellipsis;/*超出...*/ -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; }
.news ul li .xwms{ margin-top:20px; margin-bottom:20px;line-height:25px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; color:#555; opacity:0.6; height:50px;}
.fbrq{ font-size:14px;}
.wsbk{ padding:20px;}
.gd_xw a{ color:#fff;}
.gd_xw{text-align: center;}
.gd_xw a{display: inline-block;background:#006ece; border-radius:25px; height:40px; line-height:40px; text-align:center; width:140px; margin:0 auto; margin-top:30px;}
/*按钮动画效果*/
.btn{transition: all .3s;}
.btn:hover{transform: scale(0.9);transition: all .3s;}

/*鼠标经过显示边框*/
.spbq{width: 100%;position: relative;overflow: hidden;}
.biankuang{width: 3px;height: 3px;position: absolute;z-index: 99;border-radius:10px;
	/*background: black;*/}
.biankuang_1{ display:none;height: 3px;top: -6px;left:0px;border-left: 5px solid #006ece;}
.biankuang_2 { display:none;width: 0px;bottom:-3px;left: 0px;border-top: 5px solid #006ece;}
.biankuang_3{ display:none;height: 0px;bottom:0px;right:0px;border-right: 5px solid #006ece;}
.biankuang_4{width:0px;top:-3px;right:0px;border-bottom: 5px solid #006ece; display:none;}

.text_gobuy { display:none;position: absolute;z-index:9;top: -30px;left: 0px;width: 100%;height: 50px;overflow: hidden;background:rgba(207, 208, 211, 0);cursor: pointer;transition:all  300ms;-webkit-transition:all  300ms;-moz-transition:all  300ms;-o-transition:all  300ms;}
.text_gobuy_show{ display:none;height: 50px; line-height:50px; padding-top:30px;position: absolute;z-index:9;bottom: 0px;width: 100%;overflow: hidden;cursor: pointer;background-color: rgba(0, 110, 206,0.8);}
.spbq p{ display:none;position: absolute;left:130px; font-size:17px;color: #fff}



/*底部*/
.wd1300{ width:95%;padding-top:5px; padding-bottom:30px;}
.foot_a{ background:#252627; width:100%; margin:0 auto; padding-top:20px;}
.dbdh ul li:nth-child(1){ display:none}
.dbdh ul li:nth-child(2){ display:none}
.dbdh ul li:nth-child(3){ display:none}
.dbdh{ width:100%}
.dbdh ul li{ text-align:center; width:100%; margin-right:0px;}
.dbdh ul li h2{ color:#fff; font-size:20px; font-weight:normal;}
.dbdh ul li dl dd a{ color:#959696;}
.dbdh ul li dl dd{ line-height:30px; margin-left:0px;  }
.dbdh ul li dl{ margin-top:20px;}
.dbdh .flian{color:#959696; line-height:30px;}
.dbdh .flian a{color:#959696}
.ewm{ display:none}

.foot_b{ background:#006ece; padding-top:30px; padding-bottom:30px;}
.foot_b .banquan{ width:95%;}
a.zzb07link{text-decoration:none;color: #fff;}
a.zzb07link:hover {text-decoration: underline;color: #fff;}
.zzb07tail{color:#fff;}

/*内页*/
.nywenzi{ text-align:center; margin:0 auto; border-bottom:1px solid #d8d8d8; padding-bottom:20px; padding-top:30px;}
.nywenzi h2 span{ color:#000;}
.nywenzi h2{ font-size:35px;font-weight:normal; line-height:35px; margin-top:-20px; padding-left:10px; padding-right:10px; padding-bottom:0px; margin-bottom:0px;}


.nywenzi h2 .yuandian{ font-size:22px;}
.nywenzi h2 .nywz{ font-size:28px;}
.nywenzi h2 .nyyw{ font-size:28px;}
.nywenzi h3{font-size:15px; }

.leftabout{ width:80%;margin:0 auto; text-align:center;top:100px; position:relative; z-index:11; }
.nymenu ul li{ margin-right:1px;float:left; width:33%; height:40px; line-height:40px; background:#fff; }
.nymenu ul li:first-child{ border-bottom-left-radius:5px!important;border-top-left-radius:5px!important;}


.nymenu ul li a{ font-size:15px;}
.nymenu ul li a:hover{ background:#006ece; color:#fff; display:block}
.nymenu ul li:first-child :hover{ border-bottom-left-radius:5px;border-top-left-radius:5px;}
.leftnews{ width:80%;top:100px;}
.lefthonor{width:80%;top:100px; position:relative;}
.lefthonor ul li{ width:49%; float:left; margin-bottom:5px;}
.lefthonor ul li:nth-child(2n){ float:right}
/*--
.leftnews ul li:last-child{ border-bottom-right-radius:5px!important;border-top-right-radius:5px!important;}
.leftabout ul li:nth-child(4){ border-bottom-right-radius:5px;border-top-right-radius:5px;}--*/
.nymenu ul li a:hover,.nymenu ul li a.active{ display:block; color:#fff;background:#006ece;}

.leftpro{ width:90%;margin:0 auto; text-align:center;top:100px; position:relative;}
.leftpro ul li{ margin-right:1px;float:left; width:49%; height:40px; line-height:40px; background:#fff; margin-bottom:5px; }
.leftpro ul li:nth-child(2n){ float:right}



.nymain{ width:95%;margin-top:40px; margin-bottom:40px; overflow:hidden }
.nyabout{ background-size:250%;height:200px;padding-top:50px; }
.nycon{ background-size:250%;height:200px;padding-top:50px;}
.nycase{ background-size:250%;height:200px; padding-top:50px;}
.nypingjia{background-size:250%;height:200px; padding-top:50px;}
.nyzhinan{ background-size:250%;height:200px; padding-top:50px;}
.nynews{ background-size:250%;height:200px; padding-top:50px;}
.nypro{ background-size:250%;height:200px; padding-top:50px;}



.rit-box .top-tit h3 {
    font-size: 17px; padding-top:0px; margin-top:0px;
    font-weight: normal;
    color: #000;
    margin-bottom: 0px;
}

.neirong{ line-height:28px;padding-top:30px; font-size:15px;}

/*内页公司简介*/
.neirong .sbk{ padding:30px 30px;}
.neirong .gsy{ width:100%; float:none}
.neirong .gsy ul li{ height:auto;}
.neirong .gsy ul li:nth-child(1){ width:100%}
.neirong .gsy ul li:nth-child(2){ width:100%}
.neirong .gsy ul li:nth-child(3){ width:100%}
.neirong .gsy ul li:nth-child(4){ width:100%}
.neirong .gsy ul li:nth-child(3) .shuzi h2{}
.neirong .gsy ul li:nth-child(4) .shuzi h2{}

.neirong .gsy ul li .shuzi h3{ margin-top:10px; font-size:15px;}
.neirong .gsy ul li .shuzi h2{ font-size:35px;}
.neirong .shuzi span.fl{ margin-top:15px;}
.videoa{ position:relative;}
.spbg{position:absolute;left:0;width:100%; background-color:rgba(0,0,0,0.3); height:425px;}
.bofang{ text-align:center; margin:0 auto;z-index:11; position:relative;top:250px; }
.gongsi_nr { margin-top:70px;}
.gongsi_nr .gsmc{ text-align:center}
.gongsi_nr .gsmc a{ color:#006ece; font-size:30px;}
.zhici{ width:100%; background:url(../images/ny_ab_07.jpg) no-repeat center top;margin:0 auto; height:482px;}

.wd1300_top{ width:95%;padding-top:40px; padding-bottom:40px;}

.neirong .wd1300{ padding-top:30px;}
.zhici .nywenzi{ border-bottom:1px solid rgba(255,255,255,0.3);}
.zhici .nywenzi h2 span{ color:#fff;}
.zhici .nywenzi h3{ color:#fff;}
.zhici .zhici_txt{ width:65%; margin:0 auto; line-height:40px; color:#fff; font-size:18px; text-align:center; padding-top:60px;}
.tabbox {width:100%;height:auto!important; margin-top:40px;}
.tabmenu {width:100%;height:40px; margin:0 auto}
.tabmenu ul {margin:0;padding:0;list-style-type: none;}
.tabmenu li { text-align:center; float:left; display:block; width:23%; margin-left:1%; margin-right:1%; height:50px; overflow:hidden; background: #f2f2f2; line-height:50px;  display:inline; font-size:15px;}
.tabmenu .cli {text-align:center;float:left;display:block;width:23%;height:50px;overflow:hidden;background:#006ece;line-height:50px;display:inline;font-size:15px; cursor:pointer; color:#fff;}
#tabcontent { margin-top:40px; padding-bottom:30px;}
#tabcontent ul {margin:0;list-style-type: none; display:block; min-height:500px;}
#tabcontent .hidden {display:none;}
#tabcontent ul li:nth-child(5){ display:none}
#tabcontent ul li:nth-child(2n){ float:right}
#tabcontent ul li{ float:left; width:48%; margin-left:0%; margin-bottom:20px; margin-right:0%; text-align:center;}
.rytu{ background:#fafafa;height:200px;  display: flex;justify-content: center;
align-items: center; overflow:hidden}
.rytu  img{max-width:100%;max-height:200px; transition: all 0.8s;}
.rytu  img:hover{   transform: scale(1.4);}
#tabcontent ul li p{ margin-top:15px; line-height:25px; font-size:14px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; height:50px;}

.qyzs{ background:#f2f2f2; width:100%; margin:0 auto}
.qyzs ul{ margin-top:0px;}
.qyzs ul li{ float:left; width:48%; margin-left:0%; margin-right:0%; margin-bottom:20px;}
.qyzs ul li:nth-child(2n){ float:right}
.qyzs ul li .dbwz{ background:rgba(0,110,206,0.8); height:50px; line-height:50px; text-align:center; color:#fff; font-size:15px; margin-top:-50px; position:relative; z-index:1}

.qyzstu{ width:100%; height:250px;  display: flex;justify-content: center;
align-items: center; overflow:hidden}
.qyzstu  img{max-height:250px; height:250px; transition: all 0.8s;}
.qyzs ul li:hover img{   transform: scale(1.2);}

/*内页联系我们*/
.lianxixi{display: flex; width:100%;
flex-wrap: wrap;
flex-direction: column-reverse;}
.ditu{ width:100%; margin-top:30px;}
.ditu img{ width:auto!important}
.nylianxi{ width:100%}

.city {width: 100%;}

/*留言*/
.liuyan_z{ width:100%}
.liuyan_z ul li{ float:none; width:100%; margin-bottom:20px;}
.liuyan_z .kuang{ width:95%}
.liuyan_z .kuang input{ font-size:14px; padding-left:15px; height:40px; line-height:40px;width:98%; }
.liuyan_z .fr { margin-top:15px; color:#cc0000}
.liuyan_y{ width:100%;}
.dinggou{ width:100%; margin-bottom:10px;}
.dinggou textarea{font-size:14px; padding-left:15px; padding-top:20px; width:94%}
.yzm input{border:0px; outline:none; color:#888; font-size:14px; padding-left:15px; height:50px; line-height:50px;width:80%; background:#fff;}  

.tijiao{ background:#006ece; margin:0 auto; height:55px; width:200px; border:0px; color:#fff; line-height:55px; text-align:center; font-size:15px;}
.tjan{ margin:0 auto; width:100%; text-align:center; margin-top:30px;}

/*工程案例*/
.teshunymain{ margin-bottom:20px;}
.teshunymain .nywenzi{ border-bottom:0px;}
.xiangguan h2{font-size:28px;  padding-bottom:40px;}

.case ul li{ float:left; width:48%; margin-left:0%; margin-right:0%; margin-bottom:1.5%}

.case ul li:nth-child(2n){ float:right}
.case ul li h2{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; height:50px; line-height:25px; color:#000; text-align:center; font-size:16px;}
.anli_tu{height:200px;}
.anli_tu  img{max-height:200px;}


.huisebg{ background:#f2f2f2; width:100%; margin:0 auto}
.anlimc{ color:#000; font-size:30px; text-align:center; margin:0 auto;}
.anli_z{ width:100%; height:auto; overflow:hidden}
.anli_z img{ width:100%; transition: all 0.8s;height:auto;}
.anli_z img:hover{transform: scale(1.2);}
.anli_y{ background:#006ece; width:100%; height:auto; color:#fff;}
.anli_txt{ padding-top:30px; }
.albk{ padding:30px;}
.anms{ line-height:30px;}

/*内页用户评价*/
.ny_pingjia ul li{ margin-bottom:25px;}
.nypjbk{ padding:20px;}
.pj_z{ width:80%;}
.pj_y{ width:12%; height:45px; border:1px solid #d8d8d8; font-size:20px; line-height:45px; text-align:center; color:#999; margin-top:30px; }
.pj_z h2{  font-size:18px;}
.nyfbrq{ font-size:15px; color:#555; opacity:0.6; margin-top:10px; }
.pjmiao{ margin-top:10px;line-height:28px; color:#555; font-size:15px;opacity:0.7;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; }
.ny_pingjia ul li:hover .pj_y{  padding-right:5px; padding-left:5px;}
.ny_pingjia ul li:hover .pj_z h2{  padding-left:5px;}

/*详细页*/
.ny_biao h2{ font-size:20px; }
.neirong_biankang{ padding:20px; margin-top:30px; line-height:27px; font-size:15px;}
.ny_fbrq{ text-align:center; margin:0 auto; color:#555; opacity:0.6; margin-top:10px;}
.fanye{ background:#f2f2f2; height:auto; line-height:30px; margin-top:30px; padding-left:15px; padding-right:15px; font-size:15px; padding:20px;}
.fanye ul li{ float:left;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.fanye ul li:nth-child(1){ width:100%; text-align:center}
.fanye ul li:nth-child(3){ width:100%; text-align:center}
.fanye ul li:nth-child(2){ width:100%; background:#006ece; text-align:center}
.fanye ul li:nth-child(2) a{ color:#fff;}

/*设计指南*/
.ny_sjzn ul li:hover { background:#f2f2f2  }
.ny_sjzn ul li:hover .ny_gd{ background:#006ece; color:#fff; }
.ny_sjzn ul li{ width:100%; margin-left:0%; margin-right:0%; float:left; margin-bottom:30px; }
.nysjbk{ padding:30px;}
.ny_sjzn ul li h2{ font-weight:normal; color:#000; font-size:18px; margin:0px; padding:0px; -webkit-transition: all .6s;transition: all .6s;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden;}
.sjline{ background:#006ece; height:3px; width:60px; margin-top:10px;}
.sjms{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:4;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; font-size:15px; line-height:27px; margin-top:15px; opacity:0.7; }
.ny_gd{ background:#fff; width:50px; height:50px; text-align:center; line-height:46px; color:#006ece; border-radius:50%; border:2px solid #d8d8d8; font-size:35px; margin-bottom:-60px; float:right }

/*内页新闻*/
.ny_news ul li:hover .news_riqi h2{ color:#fff;}
.ny_news ul li:hover .news_riqi h3{ color:#fff;}
.ny_news ul li:hover .news_gd{ color:#fff;}
.ny_news ul li:hover .news_nr h2{ color:#fff; padding-left:10px;}
.ny_news ul li:hover .news_ms{ color:#fff}
.ny_news ul li:hover{ background:#006ece!important}
.ny_news ul li:nth-child(2n){ background:#f2f2f2}
.ny_news ul li{  margin:0 auto;margin-top:40px; margin-bottom:40px; -webkit-transition: all .6s;transition: all .6s;}
.newtu{ width:100%; height:150px; overflow:hidden; background:#f2f2f2;display: flex;justify-content: center;}
.ny_news ul li:nth-child(2n) .newtu{ background:#fff}
.newtu img{transition: all 0.8s;height:150px; max-width:100%;}
.ny_news ul li:hover img{transform: scale(1.2);}
.news_txt{ width:100%; margin-left:0%;  margin-top:25px}
.news_gd{ color:#000; font-size:25px;}
.news_line{ background:#d8d8d8; height:100px; width:1px;}
.news_riqi{ width:20%; margin-top:20px;}
.news_riqi h2{ color:#000; font-size:30px; padding:0px; margin:0px; float:none}
.news_riqi h3{ font-weight:normal; font-size:17px; padding:0px; margin:0px; padding-left:0px; text-align:left;  margin-top:0px; float:none}
.news_nr{ width:75%}
.news_nr h2{ color:#000; font-size:18px; padding:0px; margin:0px;-webkit-transition: all .6s;transition: all .6s;}
.news_ms{ margin-top:10px; line-height:30px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; color:#555; opacity:0.7}
.news_gd{ display:none;width:10%; margin-top:55px; text-align:right;}
.xinwen{ width:100%; margin:0 auto}
.xinwen_jl{ width:95%; margin:0 auto; padding-top:10px; padding-bottom:10px;}
.fanhui{ background:#434343; height:auto; line-height:30px;font-size:15px; width:100%; color:#fff; padding-top:10px; padding-bottom:10px;}
.fanhui ul{ width:95%; margin:0 auto}
.fanhui ul li{ float:none;}
.fanhui ul li a{ color:#fff;}
.fanhui ul li:nth-child(1){ width:100%; text-align:center}
.fanhui ul li:nth-child(3){ width:100%; text-align:center}
.fanhui ul li:nth-child(2){ width:100%; background:#006ece; text-align:center}
.fanhui ul li:nth-child(2) a{ color:#fff;}

.xg_tu{ width:100%; height:150px; overflow:hidden; background:#f2f2f2;display: flex;justify-content: center;}
.xg_tu img{transition: all 0.8s;height:150px; max-width:100%;}
.xgxw ul li:hover img{transform: scale(1.2);}
.xgxw ul li:hover{ margin-top:-5px;}
.xgxw ul li:hover .xg_gd{ background:#006ece; color:#fff; border:1px solid #006ece}
.xgxw ul li:nth-child(2n){ float:right}
.xgxw ul li{ float:left; width:48%; margin-left:0%; margin-right:0%; text-align:center;-webkit-transition: all .6s;transition: all .6s;}
.xgxw ul li h2{ font-weight:normal; color:#333; padding:0px; margin:0px; font-size:16px; margin-top:20px;line-height:30px;}
.xg_gd{ margin:0 auto;font-size:30px; border:1px solid #d8d8d8; border-radius:50%; width:45px; line-height:42px; text-align:center; height:45px; margin-top:30px;}

/*内页产品*/
.ny_sou{ padding:50px; background:#f2f2f2}
.ny_sou_z{ width:80%; background:#fff;}
.ny_sou_z input{ background:#fff;border:0px;height:50px; line-height:50px; padding-left:15px; width:98%; border:0px; font-size:15px; color:#555; outline:none;}
.cpzs_con1_u1{font-size: 0; margin-top:60px;}
.cpzs_con1_u1 li:hover { margin-top:-10px;}
.cpzs_con1_u1 li{display: inline-block;vertical-align: top;width:23%;margin-right: 2.6%;position: relative;text-align: center;margin-bottom: 40px; box-shadow:0px 8px 8px 0px rgba(0,0,0,.1); transition:all 0.4s; }
.cpzs_con1_u1 li:nth-child(4n){margin-right: 0;}
.cpzs_con1_u1 li img{/*width: 100%;*/ vertical-align: middle; margin:0px auto;   }
.cpzs_con1_u1 li a span{display: block; margin-top: 15px;  height:140px;   
 display: flex;justify-content: center;
align-items: center;}
.cpzs_con1_u1 li a{display: block;position: relative;text-align: center;background: #fff;box-sizing: border-box;border: 1px solid #dedede;padding: 5px;}
.cpzs_con1_u1 li a:after{content: '';display: block;width: 0%;height: 1px;background:#035cac;position: absolute;right: 0;top: 0;transition: 0.5s ease-out;z-index: 2;}
.cpzs_con1_u1 li a:before{content: '';display: block;width: 1px;height: 0%;background:#035cac;position: absolute;right: 0;top: 0;transition: 0.5s ease-out;z-index: 2;}
.cpzs_con1_u1 li a span:after{content: '';display: block;width: 0%;height: 1px;background:#035cac;position: absolute;left: 0;bottom: 0;transition: 0.5s ease-out;z-index: 2;}
.cpzs_con1_u1 li a span:before{content: '';display: block;width:1px;height: 0%;background:#035cac;position: absolute;left: 0;bottom: 0;transition: 0.5s ease-out;z-index: 2;}
/*.cpzs_con1_u1 li a:hover:after,.cpzs_con1_u1 li a:hover span:after{width: 100%;}
.cpzs_con1_u1 li a:hover:before,.cpzs_con1_u1 li a:hover span:before{height: 100%;}*/



.cpzs_con1_u1 li a span img{max-width:100%;transform: translateX(0); max-height:100%; }
.sec3_right_div{box-sizing: border-box;padding:28px 15px 40px;}
.sec3_right_div h2{font-size: 18px;color: #2c3238;transition: 0.3s ease-out;word-break: break-all; }
.sec3_right_div p{margin-top: 5px; height:40px;}
.sec3_right_div p:after{content: '';display: block;width: 100%;height: 1px;position: absolute;top: 50%;left: 0;}
.sec3_right_div p font{display: inline-block;font-size: 14px;color:#2a2a2a;background: #f2f2f2;box-sizing: border-box; width:150px; height:40px; line-height:40px; text-align:center;z-index: 2;position: relative; margin-top:12px;}
.cpzs_con1_u1 li a i{display: block;width: 45px;height: 45px;line-height: 45px;text-align: center;border-radius: 50%;background: #035cac;
position: absolute;bottom: -20px;left: 50%;margin-left: -22px;z-index: 3;transition: 0.3s ease-in-out;transform: translateY(20px);opacity: 0;}
.cpzs_con1_u1 li a i img{transition: 0.3s ease-out;transform:translateX(0px);width: auto; margin-top:13px;}
.cpzs_con1_u1 li a i:hover img{transform:translateX(0px) rotate(180deg);}
.cpzs_con1_u1 li a:hover i{transform: translateY(0);opacity: 1;}
.cpzs_con1_u1 li a:hover h1{color: #035cac;}
.cpzs_con1 .xwpage {padding: 60px 0 100px;}
.nymain .fanhui{ margin-top:30px;}
.nymain .fanhui ul li a{ padding-left:15px; padding-right:15px;}

.ny_chan_z{ width:40%; border:2px dotted #ccc; display: flex;justify-content: center;
align-items: center; height:400px; overflow:hidden; text-align:center; margin:0 auto}
.ny_chan_z  img{max-height:400px; transition: all 0.8s;}
.ny_chan_z  img:hover{   transform: scale(1.2);}
.ny_chan_y{ width:100%;}
.ny_chan_y table td{ font-size:14px!important}
.ny_chan_y table tr td:nth-child(1){ width:30%}
.xxtable td {
    padding: 5px!important;
    line-height: 30px;
    
}

.ny_chan_y h2{ color:#333; font-size:25px;}
.ny_chan_xx{ font-size:17px; line-height:35px; color:#555;}
.ny_rx{ color:#006ece; font-size:25px; margin-top:30px;}
.ny_lx{ background:#006ece; width:170px; margin-top:15px; height:50px; line-height:50px; text-align:center; }
.ny_lx a{ color:#fff; font-size:17px;}

.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;color: #006ece; line-height: 30px; text-decoration: none; clear:both;}
.contentPage a:link {color: #006ece; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #006ece; font-weight: normal;}
.contentPage a:visited {color: #006ece; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #006ece; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#006ece;font-weight:normal;}
.contentPage .current{color:#f00; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #006ece; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}

.proxx{ min-height:200px;}
.proxx table{border-left: #ccc 1px solid; border-top: #ccc 1px solid;  width:100%; margin:0 auto; }
.proxx tr td{padding: 5px; font-size:14px!important;
	border-bottom: #ccc 1px solid; border-right: #ccc 1px solid;}
	
	/*荣誉证书列表*/
.imglist1{ width:95%; margin:0 auto;}
.imglist1 ul li{text-align:center;float:left;display:inline;width:44%;height:250px; margin:0;overflow:hidden;background:#fff; border:1px dotted #ccc; padding:2%; border-radius:5px;box-shadow:0px 10px 10px 0px rgba(0,0,0,.1); margin-bottom:20px;}
.imglist1 ul li:nth-child(2n){ float:right}
.imglist1 ul li img{background:#FFF; max-width:100%; max-height:100%;}
.imglist1 ul li span{line-height:20px;display:block;background:#FFF; text-align:center; padding-top:18px; font-size:14px;}

.zu11{width:268px!important; height:190px!important; overflow:hidden;vertical-align: middle!important;display: table-cell!important;  }
.zu11 a img{ -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.zu11 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}

.pro_tb{ margin-bottom:60px!important;}
.pro_fl_title{ background:#006ece; line-height:50px; height:50px; text-align:center; margin:0 auto;}
.pro_fl_title a{ color:#fff; font-size:18px;}





.m-header {
/* height:60px;*/
  width: 100%;
  background: #fff; z-index:999999999
}
.sousuo{ background:url(../images/wap_sea.png) no-repeat center;text-align: center;
background-position: center center;
background-size: auto 30px; height:45px; margin-top:7px;}


.m-header.cur {
  position: absolute;
}
.ce-table .table-bot .item .i{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}
.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
}

.m-header .w-header {
  position: relative;
  padding: 0 10px;
  padding-right: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 444444444444;
  height: 60px;
  box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.glasslist-list .items .words .p span{
  font-size: 150%;
  color:#0aadb1;
}

.m-header .welcome-a {
  float: left;
 /* width: 50%;*/
  height: 100%; margin-top:0px;
  /*
  line-height: 48px;
  position: relative;*/
}

.m-header .welcome-a img {
  max-height: 100%;top:10px;
/*  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;*/
}

.m-header .search-cover {
  float: right;
  width: 50px;
  height: 48px;
  display: block;
  line-height: 48px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .uio {
  float: right;
  height: 100%;
  width: 45px;
  border-left: 0px solid #e1e1e1;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100%;
  height: 150px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

.m-header .subsearch {
  padding-right: 15px;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}
.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}

.m-header .subsearch img {
  height: 100%;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  position: absolute;
  left: 3%;
  top: 48px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;  font-size: 14px;
  color: #a7a7a7;
  height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-top: 6px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.m-header .nav-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 22px;
    height: 17px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -8px;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333;
  left: 0;
  border-radius: 4px;
}

.m-header .nav-btn .line1 {
  top: 0px;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 7px;
}

.m-header .nav-btn .line3 {
  bottom: 0px;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.m-header .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 6px;
}

.nav0 {
  position: relative;
  border-left: 1px solid #e1e1e1;
  cursor: pointer;
}
.nav0:hover .nav-btn .line {
  background: #059ea0;
  transition: .5s ease-in-out;
}

.nav0 .nav-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 12px;
  vertical-align: middle;
  cursor: pointer;
  bottom: 0;
  right: 0;
  margin: auto;
}

.nav0 .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: .5s ease-in-out;
  left: 0;
  border-radius: 4px;
}

.nav0 .nav-btn .line1 {
  top: 0;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.nav0 .nav-btn .line2 {
  top: 5px;
}

.nav0 .nav-btn .line3 {
  bottom: 0;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.nav0 .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.nav0 .nav-btn.hover .line {
  left: 6px;
}


.m-header .sub-menu {
  width: 100%;
  height: 100%;
  padding: 14px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 45px;
  background-color: white;
  z-index: 1999999990;
  color: #666;
  overflow-y: auto;
}

.m-header .sub-menu li .sub-tit {
  padding: 0 3%;
  box-sizing: border-box;
}
.m-header .sub-menu li .sub-tit .tu-box {
  padding: 13px 0; text-align:left;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  position: relative;
}
.m-header .sub-menu li .sub-tit .tu-box .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  border-bottom-color: transparent;
}

.m-header .sub-menu li a {
  display: block;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%; text-transform:uppercase;
  box-sizing: border-box;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 20px;
}
.m-header .sub-menu .tit a {
  color: #666;
}

.menu-text {
  text-align: center;
  margin-top: 35px;
}
.menu-text .li {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f2f2f2;
  line-height: 50px;
  margin: 0 15px;
}
.menu-text .li img {
  width: 23px;
  display: inline-block;
}

.case-ul.w1480 {
  line-height: 1;
  font-size: 1px;
  /*margin-top: -32px;*/
  margin-bottom: 52px;
}

.headsearch-box {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 150;
  top: 0;
  left: 0;
  display: none;
  touch-action: none;
}

.headsearch-box input[type="text"] {
  text-align: center; color:#fff;
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
}

.headsearch-box input[type="submit"] {
  position: absolute;
  text-indent: -9999px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  width: 35px;
  background: url(../images/ser-black.png) no-repeat center;
}

.headsearch-box input {
  border: none;
  background: none;
  outline: none;
}

.headsearch-box .x-box .x-o {
  position: absolute;
  right: 0;
  top: 10%;
  cursor: pointer;
}

.headsearch-box .x-box {
  /*height:960px;
  width: 1200px;*/
  position: absolute;
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.headsearch-box .x-p {
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  height: 110px;
  line-height: 110px;
  border-bottom: 1px solid #606060;
  font-size: 24px;
  color: #606060;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%; text-transform:uppercase;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on.on .btn-v {
  background: url(../images/img6a.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  height: 20px;
  width: 20px;
  float: right;
  margin-right: 16px;
  margin-top: 0;
  background: url(../images/img5a.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ff0001;
  color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  line-height: 28px;
  padding: 1px 1.5%;
  display: none;
  background: #f2f2f2;
}

.m-header .sub-menu .sec-list p {
  background-size: 8px auto;
  height: 43px;
  line-height: 43px;
  font-size: 13px;
  border-top: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.m-header .sub-menu .sec-list p:nth-child(1) {
  border-top: none;
}

.m-header .sub-menu .sec-list a { text-transform:uppercase;
  padding-left: 21px;
  color: #888;
  display: block;
}

.bocweb-header.ff {
  background: #ffffff;
}

.imgd {
  position: relative;
}
.imgd img {
  display: block;
  vertical-align: middle;
}
.imgd .i1, .imgd .i2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.nav-pro {
  position: relative;
}

.search-close.show {
  transform: scale(1);
  z-index: 3;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.hide1, .hide1.header.active {
  transform: scale(0) !important;
  opacity: 0;
  transition: .6s ease-in-out;
  transition-duration: .5s;
}

.search-close {
  position: absolute;
  z-index: -1;
  display: block;
  right: -1.5rem;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background:url(../images/close2.png) no-repeat center;
  background-size: 24px !important;
  cursor: pointer;
  transition-duration: .5s;
  transform: scale(0);
}

.header-search-wrap {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 10px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  width: 600px;
  height: 44px;
  margin-left: -300px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #666;
  line-height: 44px;
  transition: all 0.5s;
  /*background: #fff;*/
  padding-right: 50px;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.header-search-wrap .ser-input {
  width: 100%;
  height: 43px;
  position: relative;
  border: none;
  background: none;
  box-sizing: border-box;
  text-indent: 20px;
}





.header {
  width: 100%;
  color: #4c4c4c;
  top: 0;
  left: 0;
  height: 70px;
  background: #ffffff;
  transition: .5s ease-in-out;
  line-height: 70px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header .nav-btn .line {
  background: #353535;
}
.header.active {
  color: #fff;
  position: fixed;
  background: transparent;
}
.header.active .nav0 {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active a {
  color: #ffffff;
}
.header.active .icon-sousuo {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active .bocweb-logo .i0 {
  opacity: 1;
}
.header.active .bocweb-logo .i1 {
  opacity: 0;
}
.header.active .navleft-ul .li .imgd .i0 {
  opacity: 1;
}
.header.active .navleft-ul .li .imgd .i1,
.header.active .navleft-ul .li .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i0, .header.active .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i2, .header.active .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i1, .header.active .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header a {
  color: #4c4c4c;
}
.header .bocweb-logo {
  width: 165px;
  height: 70px;
  position: relative;
  margin-right: 60px;
}
.header .bocweb-logo img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.header .bocweb-logo .i0 {
  opacity: 0;
}
.header .bocweb-logo .i1 {
  opacity: 1;
}
.header .bocweb-navleft {
  padding-left:0px;
  box-sizing: border-box;
}
.header .navleft-ul .li {
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
  position: relative;
}
.header .navleft-ul .li:nth-child(n+2) {
  margin-left: 40px;
}
.header .navleft-ul .li .imgd .i2 {
  opacity: 1;
}
.header .navleft-ul .li .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover, .header .navleft-ul .li.active {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover span, .header .navleft-ul .li.active span {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd img, .header .navleft-ul .li.active .imgd img {
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd .i0, .header .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i2, .header .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i1, .header .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header .navleft-ul .li .imgd {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}
.header .navleft-ul .li.li2 .imgd {
   
    top: 4px;
   
}
.header .navleft-ul .li .imgd img {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li {
  float: left;
}
.header .bocweb-nav .nav-li .li-top {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:hover .li-top, .header .bocweb-nav .nav-li.active .li-top {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:nth-child(n+2) {
  margin-left: 95px;
}
.header .bocweb-nav .nav0 {
  width: 80px;
  height: 70px;
}




.header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  transition: .5s ease-in-out;
}






 .headsearch-box .x-box {
    width: 90%;
  }

  .headsearch-box .x-p {
    width: 100%;
  }

.mbox {
    display: block!important;
  }

  .maintain-tip .img {
    width: 160px;
  }

  .icon-sousuo {
    width: 40px;
  }

.tbottom{ height:64px;}
.w_bocenter{ width:50px; height:50px; border-radius:50%; overflow:hidden; background-color:#fff; margin:0 auto;}
.w_bocenter img{object-fit: contain; width:100%; height:100%; }
#BottomNav {	
    bottom: 0;
    height: 68px;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 30; box-sizing:border-box; background:#fff;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; padding-top:10px;
}
#BottomNav ul li a {
    color: #555; text-transform:uppercase;
    display: block;
}
#BottomNav ul li a div {
    font-size: 12px; padding-top:2px;
}
#BottomNav .a {
    background-image: url(../images/shl-a3.png); background-size:auto 25px;
}
#BottomNav .b {
    background-image: url(../images/shl-b3.png);background-size:auto 25px;
}
#BottomNav .c {
    background-image: url(../images/shl-c3.png);background-size:auto 25px;
}
#BottomNav .d {
    background-image: url(../images/shl-d3.png);background-size:auto 25px;
}
#BottomNav .e {
    background-image: url(../images/shl-e3.png);background-size:auto 25px;
}

#BottomNav .f{
    background-image: url(../images/shl-f3.png);background-size:auto 25px;
}

#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    margin: 0 auto;
    width: 30px;	
}}